<template>
  <div class="app-container">
    <h2 style="text-align: center">发布新课程</h2>
    <el-steps :active="active" simple finish-status="success" >
      <el-step title="填写课程基本信息" ></el-step>
      <el-step title="创建课程大纲" ></el-step>
      <el-step title="发布课程" ></el-step>
    </el-steps>
    <Info v-if="active ===0" ></Info>
    <Chapter v-if="active ===1"></Chapter>
    <Publish v-if="active ===2||active===3"></Publish>
  </div>
</template>
<script>
import Info from '@/views/course/componets/Info';
import Chapter from '@/views/course/componets/Chapter/Index'
import Publish from '@/views/course/componets/Publish'
export default {
    components:{Info,Chapter,Publish},
    data(){
        return{
            active:0,
            courseId:null
        }
    }
}
</script>